<template>
	<view id="forgetPasswordPage">
		<view class="row">
			<text class="label">+86</text>
			<input placeholder="输入手机号" type="tel" v-model="tel" />
		</view>
		<view class="row">
			<text class="label">验证码</text>
			<input type="text" placeholder="请输入验证码" v-model="sms" />
			<count-down></count-down>
		</view>
		<view class="foooter-next" @click="toNext">
			下一步
		</view>
	</view>
</template>

<script>
	import countDown from "@/components/count-down/count-down"
	export default {
		components: {countDown},
		data() {
			return {
				tel: '',
				sms: ''
			}
		},
		methods: {
			toNext() {
				uni.navigateTo({
					url: '../resetPassword/resetPassword',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style>
#forgetPasswordPage {
	padding-left: 34upx;
}
.row {
	height: 105upx;
	border-bottom: 1upx solid #eee;
	display: flex;
	align-items: center;
	font-size:28upx;
	font-weight:500;
	color: #666666;
}
.label {
	margin-right: 78upx;
	width: 85upx;
}
.get_sms {
	width:184upx;
	height:59upx;
	background:rgba(234,10,42,1);
	border-radius:8upx;
	font-size:28upx;
	font-family:'PingFang SC';
	font-weight:400;
	color:rgba(255,255,255,1);
	text-align: center;
	line-height: 59upx;
}
</style>
